<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css_元素的显示模式</title>
  <style>


  </style>
</head>
<body>
<!--
    块级元素：
        特点：
            1，在页面中独占一行，不会与任何元素共用一行，是从上到下排列的
            2. 默认宽度,撑满整个父元素
            3，默认高度，由内容撑开
            4.可以通过css设置宽高
        常见的的块级元素：
            1.主体结构标签: html、body
            2.排班标签:div、h1-h6、hr、p、pre
            3.列表标签:ul、ol、li、dl、dt、dd
            4.表格相关标签：table、tbody、thead、tfoot、tr、caption
            5.form 和 option
    行内元素:
        特点：
            1.在页面中不独占一行，一行中不能容纳下的行内元素，会在下一行继续从左到右排列
            2.默认宽度，由内容撑开
            3.默认高度，由内容撑开
            4.无法通过css设置宽高。
        常见的行内元素：
            1.文本标签: br 、em、storing、sup、sub、del、ins
            2 a、label
    行内块元素：
        特点：
            1.在页面中不独占一行，一行中不能容纳下的行内元素，会在下一行继续从左到右排列。
            2.默认宽度，由内容撑开
            3.默认高度，由内容撑开
            4.可以通过css设置宽高。
        常见的行内块元素：
            1.图片: img
            2.单元格: td、th
            3.表单空间: input、textarea、select、button
            4.框架标签: iframe
    -->
    <h1>11123333</h1>
</body>
</html>